/*
Xtrafile Template
Designed for XtraFile 1.5.6
Licenced To Xtrafile.com
*/

/* Placements */
body	{
width:99.8%;
height:auto;
}

#container	{
background:transparent;
margin-left:auto;
margin-right:auto;
width:99.8%;
}

#header		{
border:2px solid #ff9600;
background:#4896ed;
height:200px;
width:99.8%;
text-align:right;
}

.logo	{
color:#ff9600;
font-family:Arial, Helvetica, sans-serif;
font-size:60px;
position:relative;
text-align:right;
top:120px;
width:99.8%;
padding-right:20px;
}

#logintop		{
border:2px solid #ff9600;
background:#4896ed;
height:30px;
position:relative;
top:4px;
width:99.8%;
}

.logintop	{
text-align:right;
position:relative;
top:5px;
right:10px;
}

.logintext	{
font-family:Arial;
font-size:14px;
font-weight:bold;
}

#navibar		{
border:2px solid #ff9600;
background:#4896ed;
height:auto;
position:relative;
top:8px;
width:99.8%;
}

#content	{
border:2px solid #ff9600;
background:#4896ed;
width:99.8%;
height:auto;
position:relative;
top:12px;
}

#uploader	{
width:99.8%;
height:auto;
background:#4896ed;

}

.clear	{
clear:both;
}

#footer	{
border:2px solid #ff9600;
background:#4896ed;
height:auto;
width:99.8%;
position:relative;
top:16px;
font-weight:bold;
}

#bottom	{
border:2px solid #ff9600;
background:#4896ed;
height:17px;
width:99.8%;
position:relative;
top:20px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
}

.center	{
text-align:center;
}

.right	{
text-align:right;
}

/* Fonts */

/* Orange */
.center,.right	{
color:#ff9600;
}

/*
Menu related selectors
*/
.jsdomenudiv 
{
	margin-top:250px;
	background-position:left;
	cursor: default;
	position: absolute; /* Do not alter this line! */
	visibility: hidden;
	background-color: #498DBF;
	z-index: 10;
}

.jsdomenuitem {
	color: #FFF;
	background-position:left;
	font: 1.2em "Trebuchet MS",sans-serif;
	padding-bottom: 3px;
	padding-left: 30px;
	padding-right: 15px;
	position: relative; /* Do not alter this line! */
}

.jsdomenuitemover 
{
	color:#ff9600;
	background-position:left;
	font:1.2em "Trebuchet MS",sans-serif;
	padding-bottom: 3px;
	padding-left: 30px;
	padding-right: 15px;
	position: relative; /* Do not alter this line! */
}
/*
Menu bar related selectors
*/
.jsdomenubardiv 
{
	margin-top:0px;
	cursor:default;
	padding-bottom:3px;
	padding-left:1px;
	padding-right:1px;
	padding-top:3px;
	position:absolute; /* Do not alter this line! */
	visibility:visible;
}

.jsdomenubardragdiv {
	cursor: move;
	display: inline;
	font: normal 1.2em "Trebuchet MS",sans-serif;
	font-size: 12px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
	visibility: hidden;
	width: 9px;
}

.jsdomenubaritem {
	color: #FFF;
	font: normal 1.2em "Trebuchet MS",sans-serif;
	display:inline;
	padding-bottom: 2px;
	padding-left: 24px;
	padding-right: 10px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenubaritemover {
	color:#ff9600;
	background-color: #4A91C3;
	background-position:left;
	font: normal 1.2em "Trebuchet MS",sans-serif;
	display: inline;
	padding-bottom: 2px;
	padding-left: 24px;
	padding-right: 10px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

.jsdomenubaritemclick 
{
	color:#ff9600;
	background-color: #4A91C3;
	background-position:left;
	font: normal 1.2em "Trebuchet MS",sans-serif;
	display: inline;
	padding-bottom: 2px;
	padding-left: 24px;
	padding-right: 10px;
	padding-top: 2px;
	position: relative; /* Do not alter this line! */
}

/*
Example of selectors for icons. Change the height and width to match the actual 
height and width of the icon image.
*/

.img_file {
	background-image: url(../../images/actions/Documents_16x16.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_folder {
	background-image: url(../../images/actions/Folder_16x16.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_folder1 {
	background-image: url("../../images/actions/Folder (Open)_16x16.png");
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_rss 
{
	background-image: url("../../images/actions/RSS_16x16.png");
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_login {
	background-image: url("../../images/actions/Log In_16x16.png");
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_logout {
	background-image: url("../../images/actions/Log Out_16x16.png");
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_premium {
	background-image: url("../../images/actions/Key_16x16.png");
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_cogs {
	background-image: url(../../images/actions/Options_16x16.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_home {
	background-image: url(../../images/actions/Home_16x16.png);
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_servers {
	background-image: url("../../images/actions/Web Server_16x16.png");
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_validate {
	background-image: url("../../images/actions/URL_16x16.png");
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}


.img_email {
	background-image: url("../../images/actions/E-Mail (Alt 2)_16x16.png");
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_tools {
	background-image: url("../../images/actions/Database (Add)_16x16.png");
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_gate {
	background-image: url("../../images/actions/Credit Card_16x16.png");
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_money {
	background-image: url(../../images/actions/Cash_16x16.png);
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_user {
	background-image: url(../../images/actions/User_16x16.png);
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_user1 {
	background-image: url("../../images/actions/User (Alt 2)_16x16.png");
	background-position:left;
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_caution {
	background-image: url("../../images/actions/Help (Alt 3)_16x16.png");
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
		height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_download {
	background-image: url(../../images/actions/Display_16x16.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	background-position:left;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.img_news {
	background-image: url(../../images/actions/News_16x16.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}

.img_groups {
	background-image: url(../../images/actions/Users_16x16.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	background-position:left;
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}
.img_mods {
	background-image: url(../../images/actions/Toolbox_16x16.png);
	background-repeat: no-repeat; /* Do not alter this line! */
	height: 16px;
	left: 4px;
	position: absolute; /* Do not alter this line! */
	width: 16px;
}